import React, { Component } from 'react'
import connect from './connect'
import Search from '../../components/Search'
import Swiper2 from '../../components/Swiper2'

import { WorldContent } from './style'

@connect
export default class World extends Component {
    componentDidMount() {
        // 发起网络请求
        this.props.getRecommendCmp2()
    }
    render() {
        return (
            <>
                <Search />
                <Swiper2 />
                <WorldContent>
                    {
                        this.props.Recommend2.map(item => {
                            return (
                                <div className='container' key={item.get('id')}>
                                    <img src={item.get('image')} />
                                    <div className='img-txt'>
                                        <span>{item.get('sub_title')}</span>
                                    </div>
                                    <div className="field-info">
                                        <h3>{item.get('title')}</h3>
                                        <div className="txt">{item.get('right_bottom')}</div>
                                    </div>
                                </div>
                            )
                        })
                    }
                    <div className='bottom'></div>
                </WorldContent>

            </>
        )
    }
}
